<!DOCTYPE html>
<html>

	<head>
		<!-- 声明文档使用的字符编码 -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<!-- 为移动设备添加 viewport -->
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
		<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
		<meta name="HandheldFriendly" content="true">
		<!-- 优先使用 IE 最新版本和 Chrome -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

		<title>黑图视界</title>
		<meta name="keywords" content="黑图视界">
		<meta name="description" content="黑图视界">
		<script type="text/javascript" src="../js/setFontSize.js"></script>
		<link rel="stylesheet" href="../css/swiper.min.css" />
		<link rel="stylesheet" href="../css/main.css" />
	</head>

	<body>
		<div id="app">
			<main>
				<section class="hexiao picBg">
					<div class="container">
						<div class="whiteBg radius20 pad30">
							<div class="hexiaoForm" >
								<input type="text" class="formInput" placeholder="请输入核销码" v-model="code"/>
								<button class="subBtn" @click="submit">确认</button>
							</div>
						</div>
					</div>
				</section>
			</main>
		</div>

		<script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
		<script type="text/javascript" src="../js/swiper.min.js"></script>
		<script type="text/javascript" src="../js/layer/layer.js" ></script>
		<script type="text/javascript" src="../js/main.js"></script>
		<script src="../js/vue.js"></script>
		<script src="../js/axios.js"></script>
	</body>
<script>
	const app = new Vue({
		el:"#app",
		data:{
			code:""
		},
		methods:{
			submit(){
				axios.get("/qrcode/code/"+app.code).then(function (res) {
					if (res.data==="noJpg") layer.msg("请上传jpg图片")
					else if (res.data==="noQr") layer.msg("扫描失败")
					else if (res.data==="noSearch") layer.msg("查不到该票信息")
					else if (res.data==="scanDown") layer.msg("该票已被核销")
					else if (res.data==="noPower") layer.msg("没有核销权限")
					else if (res.data==="noLogin") location.href="/managerclient/login.html"
					else if (res.data==="success") layer.msg("核销成功")
				})
			}
		}
	})
</script>
</html>